* {
  margin: 0;
  padding: 0;
  border: none;
}

a {
  text-decoration: none;
  color: #000;
}

li {
  list-style: none;
  cursor: pointer;
}

.jacket {
  max-width: 720px;
  width: 100vw;
  margin: 0 auto;
  position: relative;
}

header {
  max-width: 720px;
  width: 100vw;
  /* position: fixed; */
  position: sticky;
  top: 0;
  background-color: #f2f2f2;
  z-index: 10;


  /* 搜索 */
  .search {
    width: 100%;
    height: 4rem;
    display: flex;
    align-items: center;

    .logo {
      flex: 1;
      height: 3rem;
      display: flex;
      align-items: center;

      img {
        max-width: 51px;
        min-width: 25px;
        width: 60%;
        /* height: 60%; */
        margin: 0 auto;
      }
    }

    /* 搜索框 */
    .searchbox {
      flex: 5;
      /* height: 3.9375rem; */
      background-color: #fff;
      border: 1px solid e5e5e5;
      /* display: flex; */


      a {
        display: flex;
        align-items: center;
      }

      .searchbox-icon {
        width: 3.5rem;
        height: 3rem;
        display: flex;
        align-items: center;
        justify-content: center;

        img {
          width: 2rem;
          height: 2rem;
        }
      }

      .searchbox-txt {
        font-size: 1rem;
        color: #b2b2b2;
      }
    }

    /* 我的 */
    .mine {
      flex: 1;
      height: 3rem;
      display: flex;
      justify-content: center;
      align-items: center;

      img {
        /* width: 2.5rem; */
        height: 60%;
      }
    }

  }

  /* 菜单 */
  .menu {
    max-width: 720px;
    width: 100%;
    height: 3rem;
    display: flex;


    .menu-marquee {
      flex: 6;
      display: flex;
      /* justify-content: center; */
      align-items: center;
      margin: 0 5%;

      .layout {
        flex: 1;
        text-align: center;
        font-size: 0.75rem;
        color: #666;

      }
    }

    .default.layout {
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: red;
      border-bottom: 1px solid red;
    }

    .expand {
      width: 68px;
      display: flex;
      justify-content: center;

    }
  }
}



/* 内容     ----------------------------------------------*/
main {
  /* margin-top: 140px; */
  /* height: 3000px; */
  /* background-color: #999; */

  /* 轮播图 */
  .carousel-chart {
    width: 100%;
    /* background-color: skyblue; */

    ul {
      display: flex;
      overflow: hidden;

      li {
        img {
          max-width: 720px;
          width: 100vw;
        }
      }
    }
  }

  /* 导航栏 */
  nav {
    ul {
      width: 100%;
      display: flex;
      flex-wrap: wrap;

      li {
        width: 20%;

        img {
          width: 100%;
        }
      }
    }
  }

  .empty {
    height: 1rem;
    background-color: #f6f6f6;
  }

  /* 商品区 */
  .product {
    .product-content1 {
      padding: 0 2%;
      display: flex;
      flex-wrap: wrap;

      .goods {
        width: 45%;
        margin: 0 auto;
        padding: 0 1%;
        text-align: center;
        /* font-size: 24px; */
        font-size: 5%;
        margin-bottom: 20px;

        img {
          width: 100%;
        }

        .txt2 {
          color: red;
        }

        .buy {
          margin: 0 auto;
          width: 60%;
          height: 2rem;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 10px;
          color: #fff;
          background-color: #ea625b;
        }
      }

      .more {
        width: 100%;
        height: 6.25rem;
        font-size: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }
  }
}


/* 页脚----------------------------------------- */
/* 页脚 */
footer {

  max-width: 716px;
  width: 100vw;
  height: 3.125rem;
  margin: 0 auto;
  position: fixed;
  bottom: 0;
  border: 1px solid #eee;
  background-color: #fff;
  align-content: center;
  /* width: 100%; */

  nav {
    display: flex;

    a {
      flex: 1;
      text-align: center;
      color: #999;
      /* 清除下滑线 */
      text-decoration: none;
    }

    .box {
      .icon {
        img {
          width: 16px;
          height: 16px;
        }
      }

      p {
        font-size: 12px;
      }
    }
  }
}